import React, { Component } from 'react'
//1. 引入 css 以及相关的组件
import { Button,Typography } from 'antd';
import {Html5Outlined, SearchOutlined} from '@ant-design/icons';

const { Text } = Typography;

export default class Antd extends Component {
    render() {
        return (
            <div style={{padding: '50px'}}>
                <h2>按钮</h2>
                {/* 2. 在 JSX 中使用该组件 */}
                <Button>Hello Antd</Button>
                <Button type="primary">Primary Button</Button>
                <Button type="primary" shape="circle" icon={<SearchOutlined />} />
                <h2>图标</h2>
                <Html5Outlined  style={{fontSize: '36px'}} />
                <h2>排版</h2>
                <Text delete>Ant Design (delete)</Text>
            </div>
        )
    }
}
